<html>
    <head>
        <title>Uber links</title>
        <meta charset="UTF-8">
        <meta name="description" content="" />
        <script src="js/jquery-1.7.1.js"></script>
        <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
        <script type="text/javascript" src="js/prettify.js"></script>                                   
        <script type="text/javascript" src="js/kickstart.js"></script>  
        <link href='http://fonts.googleapis.com/css?family=Acme' rel='stylesheet' type='text/css' />
        <link rel="stylesheet" type="text/css" href="css/kickstart.css" media="all" />                  
        <link rel="stylesheet" type="text/css" href="style.css" media="all" />      
        <script>
            
            function test(){
                if (document.getElementById("selectCat").value == 0){
                    $("#notice").addClass("notice warning") ; 
                    $("#notice").html('<span class="icon medium" data-icon="!" style="display: inline-block;"><span aria-hidden="true">!</span></span> Catégorie invalide.');
                    return false;
                }else{
                    $("#notice").removeClass("notice warning") ;
                    $("#notice").html('')
                    return true;
                }
            }
            
            function verifCat(){
                if (document.getElementById("selectCat").value == 0){
                    $("#notice").removeClass("notice success") ;
                    $("#notice").addClass("notice warning") ; 
                    $("#notice").html('<span class="icon medium" data-icon="!" style="display: inline-block;"> <span aria-hidden="true">!</span> </span> Catégorie invalide.');
                    return false;
                }else{
                    $("#notice").removeClass("notice warning") ;
                    $("#notice").addClass("notice success") ;
                    $("#notice").html('<span class="icon medium" data-icon="C" style="display: inline-block;"> <span aria-hidden="true">C</span> </span>Catégorie valide.');
                    return true;
                }
            }
            
            function verif(){
                var titre = false;
                var lien = false;
                var cat = test();
                
                if(document.getElementById("lien").value == ""){
                    $("#lien").addClass("error");
                    lien = false;
                }else{
                    lien = true;
                }
                
                if(document.getElementById("titre").value == ""){
                    $("#titre").addClass("error");
                    titre = false;
                }else{
                    titre = true;
                }
                
                if(titre && lien & cat){
                    document.formAjout.submit();
                }else{
                    return false;
                }
                
            }
        </script>
        
    </head>
    <body>

        <a id="top-of-page"></a>
        <h1 id="container"> > Le site pour les Über Links ! < </h1>
        <div id="wrap" class="clearfix">
            
        

            <!-- Menu Horizontal -->
            <?php $page = 'ajout-lien';  include 'include/menu.php'; ?>

            <?php
            //Vérification si les variables ont été correctement reçut
            if (isset($_POST['ajoutLien']) && !empty($_POST['ajoutLien']) && isset($_POST['ajoutTitre']) && !empty($_POST['ajoutTitre']) && isset($_POST['ajoutCat']) && !empty($_POST['ajoutCat'])) {
                $newLien = $_POST['ajoutLien'];
                $newTitre = $_POST['ajoutTitre'];
                $newCat = $_POST['ajoutCat'];
                if (isset($_POST['ajoutTag']) && !empty($_POST['ajoutTag'])) {
                    $newTag = $_POST['ajoutTag'];
                }else{
                    $newTag = "";
                }
                if (isset($_POST['ajoutDesc']) && !empty($_POST['ajoutDesc'])) {
                    $newDesc = $_POST['ajoutDesc'];
                }else{
                    $newDesc = "";
                }
                
                //chargement du doc et récupération de la racine
                $doc = new DomDocument();
                $doc->preserveWhiteSpace = false;
                $doc->formatOutput = true;
                $doc->load('simple.xml');
                $xml = $doc->documentElement;
                $root = $xml->firstChild;
                
                if (file_exists('simple.xml')){
                    $sXml = file_get_contents ('simple.xml');
                    $oRss = simplexml_load_string ($sXml);
                    $id = count ($oRss -> root -> children ());
                }
                //création de l'item
                $item = $doc->createElement('item');
                $root->appendChild($item);
                $item->setAttribute('id', $id+1);

                //création des éléments de l'item
                $lien = $doc->createElement('lien', $newLien);
                $tag = $doc->createElement('tag', $newTag);
                $titre = $doc->createElement('titre', $newTitre);
                $description = $doc->createElement('description');
                $description_cdata = $doc->createCDATASection($newDesc);
                $description->appendChild($description_cdata);
                $categorie = $doc->createElement('categorie', $newCat);

                $item->appendChild($lien);
                $item->appendChild($tag);
                $item->appendChild($titre);
                $item->appendChild($description);
                $item->appendChild($categorie);


                $doc->save('simple.xml');
                
                ?>
                <div class="col_4" style="float: left; "></div>
                <div class="col_4 " style="margin : 0 auto ;">
                    <div class="notice success"><span class="icon medium" data-icon="C"></span>Votre lien a été correctement ajouté à la base ! <a href="#close" class="icon close" data-icon="x"></a></div>
                </div>
                <?php
            }
            ?>
            <!-- Demande d'activation du JavaScript si il est désactivé -->
            <noscript>
             <div class="col_12">
                <div class="notice error"><span class="icon medium" data-icon="X"></span>Pour ajouter un lien à la base et pour une utilisation plus confortable du site, nous vous invitons à activer le JavaScript sur votre navigateur. <a href="#close" class="icon close" data-icon="x"></a></div>
             </div>
            </noscript>
            <div class="tab-content">
                <form name="formAjout" method="POST" class="vertical">
                    <div class="col_4">
                        <label for="lien"> * Lien : </label>
                        <input id="lien" type="text" name="ajoutLien" onKeyPress="if (event.keyCode == 13) verif()"/>

                        <label for="titre"> * Titre : </label>
                        <input id="titre" type="text" name="ajoutTitre" onKeyPress="if (event.keyCode == 13) verif()"/>

                        <label for="tag"> Tag(s) : </label>
                        <input id="tag" type="text" name="ajoutTag" />

                        <label for="desc"> Description : </label>
                        <input id="desc" type="text" name="ajoutDesc" />

                        <label for="selectCat">* Catégorie :</label>
                        <select id="selectCat" name="ajoutCat" class="fancy" style="width:90%;" onchange="test()">
                            <option value="0">-- Choose --</option>
                            <option value="PHP">PHP</option>
                            <option value="BDD">BDD</option>
                            <option value="Java">Java</option>
                            <option value="JQuery">JQuery</option>
                            <option value="Photoshop">Photoshop</option>
                            <option value="Securite">Sécurité</option>
                            <option value="Musique">Musique</option>
                            <option value="Video">Vidéo</option>
                            <option value="IDE">IDE</option>
                        </select>
                        <button type="button" onclick="verif()">Envoyer</button>                        
                        <div id="notice" style="top : -95px ; left : 290px ; "></div>
                    </div>
                </form> 
            </div>
            
        </div>
    </body>
</html>